<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!--   -->
<!-- 页数 -->
<style type="text/css">
    #btn1{
        background-color: #FFFFFF;
        border:none;
    }
    #btn2{
        background-color: #FFFFFF;
        border:none;
        font-weight: bolder;
    }
</style>
<div class="message">
    共<i class="blue">${pages.total}</i>条记录，当前显示第&nbsp;<i
        class="blue">${pages.pageNum}/${pages.pages}</i>&nbsp;页
</div>
<div style="text-align:center;">
        <c:if test="${!pages.isFirstPage}">
            <button id="btn1"><a href="javascript:queryAllPages(${pages.firstPage}, ${pages.pageSize});">首页</a></button>
            <button id="btn1"><a href="javascript:queryAllPages(${pages.prePage}, ${pages.pageSize});">上一页</a></button>
        </c:if>
        <c:forEach items="${pages.navigatepageNums}" var="navigatepageNum">
            <c:if test="${navigatepageNum==pages.pageNum}">
                <button class="active" id="btn2"><a href="javascript:queryAllPages(${navigatepageNum}, ${pages.pageSize});">${navigatepageNum}</a></button>
            </c:if>
            <c:if test="${navigatepageNum!=pages.pageNum}">
                <button id="btn1"><a href="javascript:queryAllPages(${navigatepageNum}, ${pages.pageSize});">${navigatepageNum}</a></button>
            </c:if>
        </c:forEach>
        <c:if test="${!pages.isLastPage}">
            <button id="btn1"><a href="javascript:queryAllPages(${pages.nextPage}, ${pages.pageSize});">下一页</a></button>
            <button id="btn1"><a href="javascript:queryAllPages(${pages.lastPage}, ${pages.pageSize});">末页</a></button>
        </c:if>
</div>